<template>
  <wd-notice-bar text="如有任何问题，可通过右下角“在线联系我”交流，谢谢!!!" prefix="sound" type="warning" custom-class="space" />
  <wd-cell-group>
    <wd-cell :title="item.title" v-for="item in list" :key="item.path" value="跳转查看" is-link :to="item.path" />
  </wd-cell-group>
  <wd-fab draggable type="primary" :expandable="false">
    <template #trigger>
      <wd-button open-type="contact" session-from="sessionFrom">在线联系我</wd-button>
    </template>
  </wd-fab>
  <!-- #ifdef MP-WEIXIN -->
  <official-account />
  <!-- #endif -->
</template>

<script setup lang="ts">

const list = ref([
  {
    title: '自定义头部',
    path: '/pagesA/cosHeader/index'
  },
  {
    title: '头部滚动渐变',
    path: '/pagesA/cosHeader/gradient'
  },
  {
    title: 'sse流式响应',
    path: '/pagesA/sse/index'
  },
  {
    title: '高德地图路径规划',
    path: '/pagesA/map/index'
  },
  {
    title: '自定义多列瀑布流',
    path: '/pagesA/waterfall/index'
  },
  {
    title: '扫描二维码',
    path: '/pagesA/scanQR/index'
  },
  {
    title: '跳转大全',
    path: '/pagesA/jump/index'
  },
  {
    title: '换肤',
    path: '/pagesA/theme/index'
  },
])

onShareAppMessage(() => ({
  title: 'uniapp案例演示',
  path: '/pages/demo/index'
}));
</script>

<style lang="scss" scoped></style>
